<template>
    <div class="backTop" @click="backtop">
        <van-icon name="back-top" size="30" color="#F4A016"/>
    </div>
</template>

<script>
    export default {
        name: "BackTop",
        setup(props, {emit}){
            return {
                backtop:()=>{
                    emit('bTop')
                }
            }
        }
    }
</script>

<style scoped>
.backTop {
    position: fixed;
    bottom: 80px;
    right:30px;
    width:40px;
    height:40px;
    line-height: 50px;
    text-align: center;
    z-index: 10;
    border-radius: 50%;
    border:1px solid #FFC000;
    box-shadow: 0px 1px 2px #f9e8ae;
    background: #1c1005;
}

</style>